<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>支付宝蚂蚁门店</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="{{asset('/layuiadmin/layui/css/layui.css')}}" media="all">
    <link rel="stylesheet" href="{{asset('/layuiadmin/style/admin.css')}}" media="all">
    <style>
        .edit{background-color: #ed9c3a;}
        .shenhe{background-color: #429488;}
        .see{background-color: #7cb717;}
        .cur{color:#009688;}
        .del {background-color: #e85052;}    /*.laytable-cell-1-school_icon{height:100%;}*/
        .yname{
            font-size: 13px;
            color: #444;
        }
    </style>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">

            <div class="layui-fluid">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12" style="margin-top:0px">
                        <div class="layui-card">
                            <div class="layui-card-header">支付宝蚂蚁门店</div>

                            <div class="layui-card-body">
                                <div class="layui-btn-container" style="font-size:14px;display:flex">

                                    {{--                                    <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:10px;display: inline-block;">--}}
                                        {{--                                        <div class="layui-form-item">--}}
                                            {{--                                            <div class="layui-input-block" style="margin-left:0">--}}
                                                {{--                                                <text class="yname">消息类型</text>--}}
                                                {{--                                                <select name="schooltype" id="schooltype" lay-filter="schooltype">--}}
                                                    {{--                                                    <option value="">选择消息类型</option>--}}
                                                    {{--                                                    <option value="news">新闻/消息</option>--}}
                                                    {{--                                                    <option value="notice">公告</option>--}}
                                                    {{--                                                </select>--}}
                                                {{--                                            </div>--}}
                                            {{--                                        </div>--}}
                                        {{--                                    </div>--}}

                                    {{--                                    <div class="layui-form" lay-filter="component-form-group" style="width:300px;display: inline-block;">--}}
                                        {{--                                        <div class="layui-form-item">--}}
                                            {{--                                            <div class="layui-inline">--}}
                                                {{--                                                <div class="layui-input-inline">--}}
                                                    {{--                                                    <text class="yname">消息关键字</text>--}}
                                                    {{--                                                    <input type="text" name="id" placeholder="请输入消息关键字" autocomplete="off" class="layui-input">--}}
                                                    {{--                                                </div>--}}
                                                {{--                                            </div>--}}

                                            {{--                                            <div class="layui-inline">--}}
                                                {{--                                                <button class="layui-btn layuiadmin-btn-list" lay-submit="" lay-filter="LAY-app-contlist-search" style="margin-top:23px;border-radius:5px;margin-bottom: 0;height:36px;line-height: 36px;">--}}
                                                    {{--                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>--}}
                                                    {{--                                                </button>--}}
                                                {{--                                            </div>--}}
                                            {{--                                        </div>--}}
                                        {{--                                    </div>--}}



                                </div>

                                <table class="layui-hide" id="test-table-page" lay-filter="test-table-page"></table>


                                {{--                                <script type="text/html" id="imgTpl">--}}
                                    {{--                                    <img style="display: inline-block;height: 100%;" src= @{{d.icon_url }}>--}}
                                    {{--                                </script>--}}

                                <script type="text/html" id="table-content-list">
                                    <a class="layui-btn layui-btn-normal layui-btn-xs edit" lay-event="edit">IOT绑定</a>
                                    <a class="layui-btn layui-btn-normal layui-btn-xs edit" lay-event="bluesea">新蓝海报名</a>
                                    <a class="layui-btn layui-btn-normal layui-btn-xs del" lay-event="del">删除</a>

                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<input type="hidden" class="user_id">
<input type="hidden" class="status">
<!-- 操作按钮 -->
<!--

<a class="layui-btn layui-btn-normal layui-btn-xs see" lay-event="detail">查看</a> -->
<script src="{{asset('/layuiadmin/layui/layui.js')}}"></script>
<script>
    var token = localStorage.getItem("Usertoken");
    var str=location.search;
    var id=str.split('?')[1];
    console.log(id);
    layui.config({
        base: '../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','form', 'table','laydate'], function(){
        var $ = layui.$
            ,admin = layui.admin
            ,table = layui.table
            ,form = layui.form
            ,laydate = layui.laydate;


        // 未登录,跳转登录页面
        $(document).ready(function(){
            if(token==null){
                window.location.href="{{url('/user/login')}}";
            }
        })

        table.render({
            elem: '#test-table-page'
            ,url: "{{url('/api/alipayopen/iotOperationStorelist')}}"
            ,method: 'post'
            ,where:{
                token:token,
                id:id,
            }
            ,request:{
                pageName: 'p',
                limitName: 'l'
            }
            ,page: true
            ,cellMinWidth: 150
            ,cols: [[
                {field:'store_id', title: '门店id'}
                ,{field:'shop_id', title: '支付宝蚂蚁id'}
                ,{field:'shop_name', title: '门店名称'}
                ,{width:200,align:'center', fixed: 'right', toolbar: '#table-content-list',title: '操作'}
            ]]
            ,response: {
                statusName: 'status' //数据状态的字段名称，默认：code
                ,statusCode: 1 //成功的状态码，默认：0
                ,msgName: 'message' //状态信息的字段名称，默认：msg
                ,countName: 't' //数据总数的字段名称，默认：count
                ,dataName: 'data' //数据列表的字段名称，默认：data
            }
            ,done: function(res, curr, count){
                console.log(res);
                $('th').css({'font-weight': 'bold', 'font-size': '15','color': 'black','background':'linear-gradient(#f2f2f2,#cfcfcf)'});	//进行表头样式设置
            }

        });


        table.on('tool(test-table-page)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var e = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的DOM对象
            console.log(e);
            // localStorage.setItem('s_store_id', e.store_id);

            if(layEvent === 'del'){
                layer.confirm('确认删除此消息?',{icon: 2}, function(index){
                    $.post("{{url('/api/adlinks/adlinksDel')}}",
                        {
                            token:token
                            ,id:e.id
                        },function(res){
                            console.log(res);
                            console.log(res);
                            if(res.status==170005){
                                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                                layer.close(index);
                                layer.msg(res.message, {
                                    offset: '50px'
                                    ,icon: 1
                                    ,time: 2000
                                });
                            }else{
                                layer.msg(res.message, {
                                    offset: '50px'
                                    ,icon: 2
                                    ,time: 3000
                                });
                            }
                        },"json");

                });
            }else if(layEvent === 'edit'){
                $('.edit').attr('lay-href',"{{url('/user/iotbind?')}}"+e.id);
            }else if(layEvent === 'zfb'){
                {{--$('.edit').attr('lay-href',"{{url('/user/editadlinks?')}}"+e.id);--}}

                $.post("{{url('/api/alipayopen/iotOperationStoreQuery')}}",
                    {
                        token:token
                        ,id:e.id
                    },function(res){
                        console.log(res);
                        if(res.status==1){
                            layer.msg(res.message, {
                                offset: '50px'
                                ,icon: 1
                                ,time: 2000
                            });
                        }else{
                            layer.msg(res.message, {
                                offset: '50px'
                                ,icon: 2
                                ,time: 3000
                            });
                        }
                    },"json");
            }else if(layEvent === 'stores'){
                $('.edit').attr('lay-href',"{{url('/user/antstorelist?')}}"+e.id);
            }else if(layEvent === 'bluesea'){
                $('.edit').attr('lay-href',"{{url('/user/bluesea?')}}"+e.id);
            }


        });


        // 选择学校
        form.on('select(schooltype)', function(data){
            var type = data.value;

            //执行重载
            table.reload('test-table-page', {
                where: {
                    type: type
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        });


        //监听搜索
        form.on('submit(LAY-app-contlist-search)', function(data){
            var value = data.field.id;
            //执行重载
            table.reload('test-table-page', {
                where: {
                    title: value
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        });



    });


</script>

</body>
</html>